<title>系统角色管理</title>
<!-- ajax layout which only needs content area -->
<link rel="stylesheet" href="../assets/ztree/metroStyle/metroStyle.css" />
<div class="row">
  <div class="col-xs-6">
    <h3 class="header smaller lighter green">基本信息</h3>
    <!-- PAGE CONTENT BEGINS -->
    <form class="form-horizontal" role="form" id="editForm">
      <!-- #section:elements.form -->
      <div class="form-group">
        <label class="col-sm-3 control-label no-padding-right" for="roleName"> 角色名称</label>
        <div class="col-sm-6">
          <input type="text" id="roleName" placeholder="角色名称" class="col-xs-12 col-sm-12" required/>
        </div>
        <label class="col-sm-3 error" for="roleName"></label>
      </div>
      <div class="space-4"></div>

      <div class="form-group">
        <label class="col-sm-3 control-label no-padding-right" for="roleDetail"> 角色描述</label>
        <div class="col-sm-6">
          <textarea type="text" id="roleDetail" placeholder="角色描述" class="col-xs-12 col-sm-12"/>
        </div>
        <label class="col-sm-3 error" for="roleDetail"></label>
      </div>
    </form>
  </div>

  <div class="col-xs-6">
    <h4 class="header smaller lighter green">
      <i class="ace-icon fa fa-hand-o-right icon-animated-hand-pointer blue"></i>
      菜单分配</h4>
    <ul id="ztree" class="ztree"></ul>
  </div>
  <div class="space-8"></div>
  <div class="col-xs-12">

    <div class="form-actions center">
      <button class="btn btn-success" id="update">
        <i class="ace-icon fa fa-check"></i>
        提交
      </button>
      <a href="#page/role/list">
        <button class="btn btn-primary">
          <i class="ace-icon fa fa-reply align-top bigger-125"></i>
          取消
        </button>
      </a>
    </div>
  </div>

</div><!-- /.row -->

<div class="hr hr-18 dotted hr-double"></div>
<!-- page specific plugin scripts -->
<script src="../public/javascripts/scripts/role/edit.js"></script>
